/*======轮播图======*/

#banner {
	height: 340px;
	width: 100%;
	min-width: 1000px;
	overflow: hidden;
	position: relative;
}

#banner .position-by{
	width:1000px;
	height:340px;
	position:absolute;
	left:200px;
}

#banner ul {
	height: 340px;
	
	position: absolute;
}

#banner:hover #switch-btn a{
	opacity:0.3;
}

#banner ul li {
	float: left;
	width: 1920px;
	height: 340px;
}

#banner #icon-num {
	position: absolute;
	right:460px;
	bottom:17px;
}

#banner #icon-num a {
	width: 10px;
	height: 10px;
	float: left;
	background:#777777;
	border-radius: 50%;
	
	margin-left: 5px;
}



#banner #icon-num a.active{
	background:red;
}

#banner #switch-btn {
	position: absolute;
	top: 130px;
}

#banner #switch-btn a {
	color: #ccc;
	display: block;
	font-size: 40px;
	width: 30px;
	height: 60px;
	background: #000;
	text-align: center;
	line-height: 60px;
	opacity: 0;
	border-radius: 5px;
}

#banner #switch-btn a:hover {
	opacity: 0.6;
}

#banner #btn-left {
	position: absolute;
	left:0;
}

#banner #btn-right {
	position: absolute;
	right:-1000px;
}


/*======小轮播图======*/

.main-wrap {
	width: 100%;
	height: auto;
	min-width: 1000px;
	background: #f2f2f2;
	padding-top: 20px;
	border-bottom:1px solid #ccc;
}

.little-banner {
	width: 1000px;
	height: 402px;
	margin: 0 auto;
}

.l_banner-left {
	height: 400px;
	width: 698px;
	border: 1px solid #ccc;
	float: left;
	background: #fff;
	position: relative;
}

.l_banner-left .everyday {
	position: absolute;
	z-index: 2;
	left: 10px;
	top: -2px;
}

.l_banner-left .switch {
	position: absolute;
	z-index: 2;
	display: block;
	height: 50px;
	width: 20px;
	border: 1px solid #CCC;
	color: #999999;
	font-size: 30px;
	line-height: 50px;
	text-align: center;
	top: 120px;
}

.l_banner-left .switch:hover {
	font-weight: bold;
}

.l_banner-left .switch-l {
	left: 0;
	border-left: none;
}

.l_banner-left .switch-r {
	right: 0;
	border-right: none;
}

.l_banner-right {
	height: 400px;
	width: 288px;
	border: 1px solid #ccc;
	float: right;
	background: #fff;
}


/*======跟随效果======*/

.fllow {
	display: block;
	position: absolute;
	left: 95px;
	top: 615px;
}


/*======小轮播图======*/

.l_banner-show ul {
	height: 300px;
	width: 698px;
	position: relative;
}

.l_banner-show ul li {
	height: 300px;
	width: 698px;
	position: absolute;
	opacity: 0;
}

.l_banner-show ul .active {
	opacity: 1;
	
}

.l_banner-show ul li dl {
	height: 300px;
	width: 698px;
}

.l_banner-show ul li dt {
	width: 331px;
	height: 300px;
	float: left;
}

.l_banner-show ul li dt img {
	width: 330px;
	height: 295px;
}

.l_banner-show ul li dd {
	width: 280px;
	height: 300px;
	float: left;
	padding-top: 40px;
	padding-left: 31px;
}

.l_banner-show ul li dd h3 {
	font-size: 16px;
	font-weight: bolder;
}

.l_banner-show ul li dd .subtitle {
	color: #666;
	line-height: 16px;
	padding-top: 3px;
}

.l_banner-show ul li dd a {
	display: block;
	margin-top: 14px;
	width: 119px;
	height: 32px;
	position: relative;
}

.l_banner-show li dd a span {
	font-size: 16px;
	font-weight: bolder;
	color: red;
}

.l_banner-show li dd a i {
	font-size: 30px;
	font-weight: bolder;
	color: red;
}

.l_banner-show li dd a em {
	display: block;
	width: 35px;
	height: 15px;
	text-align: center;
	line-height: 15px;
	color: #fff;
	background: #ff3175;
	border-radius: 5px;
	float: right;
}

.l_banner-show li dd a b {
	color: #999;
	position: absolute;
	right: 0;
	bottom: 0;
	text-decoration: line-through;
}

.l_banner-show ul li dd .subline {
	width: 180px;
	height: 50px;
	margin-top: 32px;
	padding-left: 40px;
	background: url(../img/head_img.jpg) no-repeat left top;
}

.l_banner-show li dd .subline i {
	display: block;
	padding-top: 10px;
	padding-bottom: 15px;
	color: #666;
}

.l_banner-show li dd .subline b {
	color: #999;
}

.banner-index {
	width: 698px;
	height: 100;
	border-top: 1px solid #ccc;
}

.banner-index img {
	width: 85px;
	height: 85px;
}

.banner-index a {
	float: left;
	padding-top: 10px;
	width: 86px;
	padding-left: 1px;
	position:relative;
}

.banner-index a.show i{
	display:block;
}

.banner-index a i{
	background-position: 0 -144px;
	width: 86px;
	height: 7px;
	position: absolute;
	left:0;
	top:-6px;
	background-image: url(../images/icons.png);
	background-repeat: no-repeat;
	display:none;
}
/*======小轮播图右侧部分======*/
.banner-right_t h1 {
	width: 288px;
	height: 40px;
	border-bottom: 1px solid #CCCCCC;
	background: url(../img/tv_ugo.jpg) no-repeat 15px center;
}

.banner-right_t .tv-shopping {
	width: 256px;
	height: 137px;
	padding: 19px 17px 0 15px;
}

.banner-right_t .tv-shopping dt {
	width: 130px;
	height: 136px;
	border-bottom: 1px dashed #ccc;
	float: left;
}

.banner-right_t .tv-shopping dt img {
	width: 115px;
	height: 115px;
}

.banner-right_t .tv-shopping dt img:hover {
	opacity: 0.8;
}

.banner-right_t .tv-shopping dd {
	width: 120px;
	height: 136px;
	border-bottom: 1px dashed #ccc;
	float: left;
}

.banner-right_t .tv-shopping dd h3 a {
	font-size: 12px;
	color: #333333;
}

.banner-right_t .tv-shopping dd h3 a:hover {
	text-decoration: underline;
}

.banner-right_t .tv-shopping dd span i {
	color: red;
	font-size: 16px;
}

.banner-right_t .tv-shopping dd span b {
	color: #999999;
	text-decoration: line-through;
	margin-left: 5px;
}

.banner-right_t .tv-shopping dd p {
	color: #666666;
}

.banner-right_t .tv-shopping dd p .time b {
	margin: 0 3px;
	text-decoration:none;
}

.banner-right_t .tv-shopping dd .subline {
	display: block;
	height: 23px;
	width: 91px;
	border-radius: 4px;
	background: #ff504a;
	font-size: 14px;
	color: #fff;
	text-align: center;
	line-height: 23px;
	margin-top: 5px;
}

.banner-right_t .tv-shopping dd .subline b {
	padding-left: 5px;
	font-size: 12px;
}

/*======小轮播图右侧底部======*/
.banner-right_b h1 {
	width: 273px;
	height: 42px;
	line-height: 42px;
	font-size: 14px;
	font-weight: bolder;
}

.banner-right_b h1 i {
	color: #f70800;
}

.banner-right_b h1 b {
	color: #444;
	font-weight: bolder;
}

.banner-right_b {
	width: 273px;
	height: 203px;
	padding-left: 15px;
	position:relative;
}

.banner-right_b .off{
	position:absolute;
	z-index:1;
	display:block;
	top:65px;
	width:20px;
	height:45px;
	line-height:45px;
	text-align:center;
	background:#555555;
	color:#fff;
	opacity:0.3;
	font-size:16px;
	border-radius:3px;
	cursor:pointer;
}

.banner-right_b .off:hover{
	opacity:0.5;
}	
	
	


.banner-right_b .off-left{
	left:5px;
}

.banner-right_b .off-right{
	right:5px;
}

.live-show {
	width: 258px;
	height: 101px;
	border-bottom: 1px dashed #ccc;
	overflow: hidden;
	position:relative;
}

.live-show ul li img {
	width: 86px;
	height: 81px;
}

.live-show ul li {
	width: 258px;
	height: 81px;
	float: left;
}

.live-show ul li a {
	float: left;
	position: relative;
}

.live-show ul li a span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	width: 56px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	background: #000;
	opacity: 0.5;
	border-radius: 4px;
}

.live-show ul li a span i {
	padding-right: 3px;
}

.live-show ul {
	width: 774px;
	height: 81px;
	position:absolute;
}

.today-list a {
	float: left;
	width: 68px;
	height: 43px;
	text-align: center;
	color: #666;
	padding-top:33px;
	position:relative;
}

.today-list a:hover {
	text-decoration: underline;
}

.today-list .commend {
	margin: 0 28px;
}	
	


.i_tv{
	width: 18px;
	height: 16px;
	display: block;
	margin: 0 auto;
	text-align: center;
	background-image: url(../images/icons.png);
	background-repeat: no-repeat;
	position:absolute;
	left:25px;
	top:16px;
}

.tv_table {
	background-position: 0 -202px;
}

.tv_day {
	background-position: -26px -200px;
}

.tv_hot {
	background-position: -56px -200px;
}
/*------品类精选促销------*/

.promote-top{
	width:1000px;
	height:105px;
	margin:0 auto;
	background:url(../img/well_chosen.jpg) no-repeat center;
	position:relative;
}

.promote-top .line{
	width:375px;
	height:2px;
	background:#000;
	position:absolute;
	top:60px;
}

.promote-top .line-left{
	left:0;
}

.promote-top .line-right{
	right:0;
}

.promote{
	width:1000px;
	height:562px;
	margin:0 auto;
}

.promote li{
	width:490px;
	height:270px;
	float:left;
}

.promote .li01{
margin-right:20px;
}

.promote .li03{
margin-right:20px;
margin-top:20px;
}

.promote .li04{
	margin-top:20px;
}

/*======全球尖货======*/
.goods-top{
	width:1000px;
	height:105px;
	margin:0 auto;
	background:url(../img/golbal_goods.jpg) no-repeat center;
	position:relative;
}

.goods-top .line{
	width:375px;
	height:2px;
	background:#000;
	position:absolute;
	top:60px;
}

.goods-top .line-left{
	left:0;
}

.goods-top .line-right{
	right:0;
}

.goods-global{
	width:1000px;
	height:19290px;
	margin:0 auto;
}

.goods-global li{
	width:318px;
	height:460px;
	border:1px solid #ccc;
	
	background:#fff;
}

.goods-global li:hover{
	border-color:red;
}	
	
.goods-global li:hover img{
	opacity:1;
}	


.goods-global li img{
	width:300px;
	height:310px;
	opacity:0.9;
}

.goods-global li dl{
	width:290px;
	height:426px;
	padding-left:10px;
}

.goods-global li dl dt{
	width:300px;
	height:310px;
}

.goods-global li dl dd{
	width:292px;
	height:116px;
	padding-left:8px;
}

.goods-global .pic-title{
	position:relative;
	color:#fff;
	display:block;
}

.goods-global .pic-title span{
	position:absolute;
	left:0;
	bottom:0;
	display:block;
	width:300px;
	height:25px;
}

.goods-global .pic-title b{
	position:absolute;
	left:0;
	bottom:0;
	display:block;
	width:300px;
	height:25px;
}

.goods-global .pic-title span i{
	float:left;
	width:3px;
	height:25px;
	background:deepskyblue;
}

.goods-global .pic-title span em{
	float:left;
	width:297px;
	height:25px;
	background:#000;
	opacity:0.6;
	line-height:25px;
	text-align:center;
}

.goods-global  dd h3 a{
	font-size:14px;
	color:#333333;
}	

.goods-global  dd h3 a:hover{
	text-decoration:underline;
}

.goods-global  dd h3{
	padding-top:18px;
}

.goods-global dd .sub_title{
	height:33px;
	line-height:25px;
	color:red;
	
}

.goods-global dd h4{
	width:280px;
	height:50px;
}

.goods-global dd h4 a{
	float:left;
	position:relative;
	margin-top:8px;
}

.goods-global dd h4 a span{
	font-weight:bold;
	color:#000;
	font-size:16px;
}

.goods-global dd h4 a i{
	font-weight:bold;
	color:#000;
	font-size:30px;
}

.goods-global dd h4 a em{
	display:block;
	width:35px;
	height:15px;
	position:absolute;
	background:#ff3175;
	line-height:15px;
	text-align:center;
	color:#fff;
	border-radius:10px;
	right:0;
	top:-10px;
}

.goods-global .golow h4 a .bao{
	right:-45px;
	top:-10px;
}

.goods-global .golow h4 a .jiang{
	background:#ff504a;
	right:0;
	top:-10px;
}

.goods-global dd h4 a b{
	color:#999;
	text-decoration:line-through;
	padding-left:10px;
}

.goods-global dd h4 strong{
	float:right;
	padding-top:8px;
}

.goods-global dd h4 strong i{
	color:#f70857;
}

.goods-global .sub_line{
	border-top:1px solid #ccc;
	background:#f8f8f8;
	color:#666;
	height:26px;
	padding-left:18px;
	padding-top:7px;
}

.goods-global .sub_line img{
	width:30px;
	height:20px;
	display:inline;
}

.goods-global .sub_line b{
	float:left;
	margin-right:5px;
}

.goods-global .sub_line i{
	float:left;
}

.goods-global li{
	float:left;
	margin-top:20px;
}

.goods-global .no-top{
	margin-top:0;
}

.goods-global .distance{
	margin-left:20px;
	margin-right:20px;
}

